<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/index.css" />
	<link rel="stylesheet" href="./css/my-shopping.css" />
</head>
<body>
	     <!-- 顶部区域 -->

   <div id="top">
        
      <div class="top_top">
        <!-- 顶部区域左侧 -->
            <div class="top_city">
               <span class="l-city">切换城市：</span>
               <a href="" class="r-city">北京</a>
            </div>

             <div class="collection">
                  <a href="" class="sanjiaoxing"></a>
                <a href="" class="shoucang">收藏海尔商品</a>
           </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
                     <p>1528039158@qq.com </p> 
                     <p>嗨，欢迎来到海尔官方商城</p>
                   <a href="">退出</a>
               <li class="top_li_right">
                        <p>|</p>
                                         
                    <a href="" >我的订单</a><p> |</p>
                    <a href="" >服务中心</a><p> |</p>
                    <a href="" >互动社区</a><p> |</p>
                    <a href="" >海尔官网</a>
               </li>
             </ul>
      </div>
    </div>  

 <!-- 顶部灰色区域结束 -->




<!-- 购物结算 -->

<div id="shopping">
	 <div class="top-shop">
	 	<a href="" class="a-t-shop"><img src="./image/logo.png" alt="" /></a>
        <ul class="ul-shop"></ul>
             
	 </div>
	 <div class="c-shop">
	     <span class="gouwu"></span>
	     我的购物车
	 </div>  

<!-- 商品 -->
	 <div class="goods">
	 	  <form action="" class="form">
             <div class="top-div">
             <!-- 商品 -->
	             	<div class="div1">
	             		<ul>
	             			<li class="a1">商品</li>
	             			<li class="a2">货到付款</li>
	             			<li class="a2">价格</li>
	             			<li class="a2">数量</li>
	             	    	<li class="a2">以优惠</li>
	             			<li class="a2">小计</li>
	             			<li class="a3">操作</li>
	             		</ul>
	             	</div>


	             	<div class="div2">



                         <ul class="ul-div">
                         	<li class="li-b1">
                         		<a href="" class="li-b1-a1"><img src="./image/011.png" alt="" /></a>
                         		<a href="" class="li-b1-a2">海尔波轮洗衣机XQS70-Z9288 至爱</a>
                         	</li>
                         	<li class="li-b3">支持</li>

                         	<li class="li-b4">￥1049</li>

                         	<li class="li-b5">
                         	    <div class="d-i-v">
	                         		<a href="javascript:;">-</a>
	                         		<input type="text"  value="1" />
	                         		<a href="javascript:;">+</a>
                         		</div>
                         	</li>

                         	<li class="li-b6">￥0</li>
                         	<li class="li-b6"> ¥ 2098</li>

                         	<li class="li-b8">
                         		<a href="">删除</a>
                         	</li>
                         </ul>






                         <ul class="ul-div">
                         	<li class="li-b1">
                         		<a href="" class="li-b1-a1"><img src="./image/011.png" alt="" /></a>
                         		<a href="" class="li-b1-a2">海尔波轮洗衣机XQS70-Z9288 至爱</a>
                         	</li>
                         	<li class="li-b3">支持</li>

                         	<li class="li-b4">￥1049</li>

                         	<li class="li-b5">
                         	    <div class="d-i-v">
	                         		<a href="javascript:;">-</a>
	                         		<input type="text"  value="1" />
	                         		<a href="javascript:;">+</a>
                         		</div>
                         	</li>

                         	<li class="li-b6">￥0</li>
                         	<li class="li-b6"> ¥ 2098</li>

                         	<li class="li-b8">
                         		<a href="">删除</a>
                         	</li>
                         </ul>


	             	</div>



	             	<div class="div3">
	             		 <span class="bjt"></span>
	             		 <a href="" class="qkgwc">清空购物车</a>
	             		 <p class="z-j">
	             		 	商品总计：
							<span class="cart-single-price">¥ 7058</span>
							+ 运费：
							<span class="cart-single-price">¥ 0</span>
							- 优惠活动：
							<span class="cart-single-price">¥ 100</span>
							= 订单总计：
							<span class="s-alltogether">¥ 6958</span>
	             		 </p>
	             	</div>

             </div>
	 	  </form>
	 </div>

    <a href="" class="Shopping-immediately">继续购物</a>
    <a href="" class="Immediate-settlement">立即结算</a>



</div>





<!-- 底部 -->

   <div id="at-the-bottom-of-the">
   	  <div class="at-the-bottom">
   	  	   购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
   	  </div>
   </div>

   <div id="at-the-bottom-of-the">
   	  <div class="the-bottom">
   	  	   网站备案/许可证号：鲁ICP备09096283号
   	  </div>
   </div>
  <div id="at-the-bottom-of-the">
   	  <div class="bottom">
   	  	  Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
   	  </div>
   </div>















</body>
</html>